.script-panel {
    @extend .ulterius-panel;
    height: 100%;
    flex-direction: row;
}

.script-body {
    display: flex;
    flex: 1;
    height: 100%;
}

.script-list-body {
    overflow-y: auto;
    flex-grow: 1;
}

.script-list {
    overflow: hidden;
    height: 100%;
    width: 30%;
    display: flex;
    flex-direction: column;
    border-right: $solid-line;
    ul.scripts {
        list-style-type: none;
        padding-left: 0;
        li {
            display: block;
            padding: 10px 15px;
            overflow: hidden;
            border-bottom: $solid-line;
            cursor: pointer;
            &:hover {
                background-color: darken(white, 5%)
            }
        }
        li.active {
            background-color: $ulterius-light-grey;
            color: white;
        }
    }
}

.script-editor {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 70%;
}


.schedule-box {
    padding: 5px 10px;
    border-bottom: $solid-line;
}

.script-editor-body {
    flex-grow: 1;
    height: 100%;
}

.script-type-select {
    border: none;
}

.ReactCodeMirror {
    height: 100%;
}

.CodeMirror {
    width: 100%;
    height: 100% !important;
}